<template>
    <div style="height: 450px">
        <div>
            <el-tabs v-model="activeName" type="card" >
                <el-tab-pane  label="全部文章" name="first">
                    <ArticlShow :status="0" :showEdit="false" :showDel="false"></ArticlShow>
                </el-tab-pane>
                <el-tab-pane label="已发表" name="second">
                    <ArticlShow :status="1" :showEdit="true" :showDel="true"></ArticlShow>
                </el-tab-pane>
                <el-tab-pane label="草稿箱" name="third">
                    <ArticlShow :status="2" :showEdit="true" :showDel="true"></ArticlShow>
                </el-tab-pane>
                <el-tab-pane label="回收站" name="fourth">
                    <ArticlShow :status="3" :showEdit="false" :showDel="true"></ArticlShow>
                </el-tab-pane>
                <el-tab-pane label="博客管理" name="five">
                    <ArticlShow :status="-1" :showEdit="false" :showDel="true"></ArticlShow>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>

<script>
    import ArticlShow from "./ArticlShow";
    export default {
        name: "articlList",
        data(){
            return{
                activeName:'first'
            }
        },
        components:{
            ArticlShow
        }
    }
</script>

<style scoped>

</style>